<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>保单支付信息</title>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css" integrity="sha512-++bHK0UNrNHW3LVNLzgTm2G7uOH6Kd+Ved0sskOL0+TY7pr5AcWQgR19kdjAhyyiQRDjFwXubDGqTvjnS09HNA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js" integrity="sha512-jGsMH83oKe9asCpkOVkBnUrDDTp8wl+adkB2D+//JtlxO4SrLoJdhbOysIFQJloQFD+C4Fl1rMsQZF76JjV0eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.11/clipboard.min.js" integrity="sha512-7O5pXpc0oCRrxk8RUfDYFgn0nO1t+jLuIOQdOMRp4APB7uZ4vSjspzp5y6YDtDs4VzUSTbWzBFZ/LKJhnyFOKw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <![endif]-->
    <style>
        .red{
            color: red;
            font-weight: bolder;
        }
        .form-horizontal .control-label {
            padding-top: 7px;
            margin-bottom: 0;
            text-align: left;
        }
    </style>

    <script>
        $().ready(function(){
            new ClipboardJS('.btn');
        })
    </script>
</head>
<body>
<div class="row"  style="height: 67px;background-color: #2b2b2b">
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
</div>
<div class="row">
    <div class="col-md-2"></div>
    <div class="col-md-8">
        <div class="row">
            <h2>温馨提示</h2>
            <div class="panel panel-default">
                <div class="panel-body" style="background-color: #DBDBDB">
                    <p>1、费用支付必须从投标人<span class="red">基本户支付</span>，银行转账后一般1小时左右到账(非工作日银行到账时间可能会有延迟)，如您在<span class="red">用途/摘要/附言”</span>中已写相应<span class="red">订单编号”</span>，系统会自动匹配生成电子保函;若您没有在“用途/摘要/附言”中填写相应订单编号，会导致无法正常出保函</p>
                    <p>2、请根订单支付全额费用，一笔订单对应一笔转账作。(用途摘要附言是必填项，请正确填写转账时尽量择加急][快速][实时到账] 等相关到账方式，具体到账方式依银行而定，以便快速到账</p>
                    <p>3、电子保单(保函)<span class="red">出函截止时间以招标文件中“投标保证金纳截止时间"为准</span>，为了保证您的利益，违议您在投标保证金的载时间”之前，提前2-3个工作日购买电子函(保单)。超过“投标保证金缴纳截止时间”“后，不允许购买电子保函(保单)。因以上原因造成的后果由投标人自行负责。</p>
                    <p>4、费由“广润保险经纪有限公司”代收，最终支付至保险公司账户，由保险公司开具发票凭证。</p>
                    <p>5、如需退保，可在<span class="red">开标前一个工作日</span>的工作时间(早上9点-晚上5点)，联系我司办理。</p>
                    <p>6、以上投保过程中出现的任何问题，均可致电我司4001361998客服专线为您处理。</p>
                </div>
            </div>
        </div>
        <div class="row">
            <h2>保费收款账号</h2>
            <div class="panel panel-default">
                <div class="panel-body" style="background-color: #DBDBDB">
                    <div style="text-align: center">
                        <h4> 请根据以下收款信息，<span class="red">进行自主网银转账，若未能转账成功则无法出保</span></h4>
                    </div>
                    <form class="form-horizontal row">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group" >
                                    <label class="col-sm-3 control-label"  >开户银行</label>
                                    <div class="col-sm-9">
                                        <div>
                                            <input class="form-control" type="text" value="${account.back!''}"  readonly id="accountBack" style="display:inline;width: 60%" >
                                            <button type="button" class="btn btn-default" data-clipboard-target="#accountBack" >复制</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group" >
                                    <label class="col-sm-3 control-label"  >账户名称</label>
                                    <div class="col-sm-9">
                                        <div>
                                            <input class="form-control" type="text" readonly  value="${account.accountName!''}" id="accountName" style="display:inline;width: 60%" >
                                            <button type="button" class="btn btn-default" data-clipboard-target="#accountName"  >复制</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group" >
                                    <label class="col-sm-3 control-label"  >行号</label>
                                    <div class="col-sm-9">
                                        <div>
                                            <input class="form-control" type="text" readonly  value="${account.backNo!''}" id="accountBackNo" style="display:inline;width: 60%" >
                                            <button type="button" class="btn btn-default" data-clipboard-target="#accountBackNo"  >复制</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group" >
                                    <label class="col-sm-3 control-label"  >账号</label>
                                    <div class="col-sm-9">
                                        <div>
                                            <input class="form-control" type="text"  id="accountNo" value="${account.accountNo!''}" readonly style="display:inline;width: 60%" >
                                            <button type="button" class="btn btn-default"   data-clipboard-target="#accountNo" >复制</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group" >
                                    <label class="col-sm-3 control-label"   >订单编号</label>
                                    <div class="col-sm-9">
                                        <div>
                                            <input class="form-control" type="text" id="orderNo"  value="${order.orderNo!}" readonly style="display:inline;width: 60%" >
                                            <button type="button" class="btn btn-default" data-clipboard-target="#orderNo" >复制</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group" >
                                    <label class="col-sm-3 control-label"  >保费</label>
                                    <div class="col-sm-9">
                                        <div>
                                            <input class="form-control" type="text"  id="amt"  value="${policy.premium!}"  readonly style="display:inline;width: 60%" >
                                            <button type="button" class="btn btn-default" data-clipboard-target="#amt" >复制</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div style="text-align: center">
                        <h4> 请在网银支付保费时，在<span class="red"> 用途/摘要/附言</span>-填入<span class="red">订单编号</span>，若支付银行为工商银行的客户，请附言于“备注”栏目处</h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-2">

    </div>
</div>

</body>
</html>